<template>
<!--案件中心=>我的案件-->
<div style="margin-left:-1%;margin-right:-1%">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="简易案件" name="first">
            <anchor-location></anchor-location>
            <!--保单信息 -->
            <div id="anchor1" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">保单信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保单号 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">险种名称:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>

                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">业务板块:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">被保险人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险币别 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险金额 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">代理人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险起期 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险起期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险止期 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险止期"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">承保公司 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">总保费 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--报案信息 -->
            <div id="anchor2" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">报案信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案号 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险次数 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">调度次数 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险地点 :</div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="input" placeholder="请选择" style="width: 80px;">
                                <el-option v-for="item in nationFlag" :key="item.value" :label="item.code +' ' + item.value" :value="item.code"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple">
                            <el-cascader v-model="input" :options="options" style="width:130px"></el-cascader>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险原因 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险时间 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="出险时间"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案时间 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="报案时间"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">币别 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报损金额 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人电话 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right" style="line-heigth:14px">报案人与被保险人关系 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-select v-model="input" placeholder="请选择">
                            <el-option v-for="item in reportorRelation" :key="item.value" :label="item.code +' ' + item.value" :value="item.code"></el-option>
                        </el-select>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">联系人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">联系人电话 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案件紧急类型 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-select v-model="result.mercyFlag" placeholder="请选择">
                            <el-option v-for="item in mercyFlag" :key="item.value" :label="item.code +' ' + item.value" :value="item.code"></el-option>
                        </el-select>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险经过说明 :</div>
                    </el-col>
                    <el-col :span="21">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--立案基本信息 -->
            <div id="anchor3" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">立案基本信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">赔案号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保单号:</div>
                    </el-col>
                    <el-col :span="4">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple">
                            <el-button type="primary" class="btnNarrow">保单详情</el-button>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple">
                            <el-button type="primary" class="btnNarrow" style="margin-left:-5px">历史报案</el-button>
                        </div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple text-right">结案号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">被保险人:</div>
                    </el-col>
                    <el-col :span="4">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple">
                            <el-button type="primary" class="corrections">更正</el-button>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">被保险人历年出险次数:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">历史投保情况:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple text-left">
                            <el-button type="primary">查看</el-button>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险起期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险起期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险止期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险止期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">是否异地案件:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-radio v-model="radio" label="1">是</el-radio>
                            <el-radio v-model="radio" label="2">否</el-radio>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案日期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="立案日期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">个人保额:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险时间:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="出险时间"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">确认出险日期:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-date-picker type="date" placeholder="确认出险日期" v-model="value1" style="width: 100%;"></el-date-picker>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案经办人:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">重大疾病代码:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">巨灾代码:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right" style="line-height:14px">报案人与被保险人关系:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-select v-model="input" placeholder="请选择">
                            <el-option v-for="item in reportorRelation" :key="item.value" :label="item.code +' ' + item.value" :value="item.code"></el-option>
                        </el-select>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险结果:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">

                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险原因:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报损金额:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案件类型:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">

                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险地点:</div>
                    </el-col>
                    <el-col :span="13">
                        <div class="grid-content bg-purple">
                            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
                                <el-select v-model="select" slot="prepend" class="inputSel" placeholder="请选择">
                                    <el-option label="境内" value="1"></el-option>
                                    <el-option label="境外" value="2"></el-option>
                                </el-select>
                            </el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案情描述:</div>
                    </el-col>
                    <el-col :span="13">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--理算责任信息 -->
            <div id="anchor4" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">理算责任信息</div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-container class="adjustment">
                        <el-aside class="text-center border-right" width="150px" style="padding-top:40px">
                            <i class="iconfont icon-qita" style="display:block;color:#409eff"></i>
                            其他
                        </el-aside>

                        <el-main>
                            <el-row style="width:100%">
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">条款:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">责任:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">保额:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">剩余保额:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">责任内容:</div>
                                </el-col>
                            </el-row>
                            <el-row style="width:100%">
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row style="width:100%">
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">赔付标准:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">赔付期限:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">免赔额:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">赔付比例:</div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple text-left">赔付金额:</div>
                                </el-col>
                            </el-row>
                            <el-row style="width:100%">
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="4" class="mgr-10">
                                    <div class="grid-content bg-purple">
                                        <el-input v-model="input"></el-input>
                                    </div>
                                </el-col>
                            </el-row>
                            <i class="iconfont icon-lajitong1" style="position:absolute;right:50px;top:70px"></i>
                        </el-main>
                    </el-container>
                </el-row>
                <el-row>
                    <el-button type="primary" plain><i class="el-icon-plus"></i> 增加</el-button>
                </el-row>
                <!--<el-row :gutter="10">
                    <el-col :span="1">
                        <div class="grid-content bg-purple text-right">姓名:</div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple text-right">性别:</div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="sex" class="width100">
                                <el-option v-for="item in sexs" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple text-right">年龄:</div>
                    </el-col>
                    <el-col :span="1">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="1.5">
                        <div class="grid-content bg-purple text-right">证件类型:</div>
                    </el-col>
                    <el-col :span="2.5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择证件类型">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="1.5">
                        <div class="grid-content bg-purple text-right">证件号码:</div>
                    </el-col>
                    <el-col :span="2.5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="1.5">
                        <div class="grid-content bg-purple text-right">总赔付金额:</div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row></el-row>
                <el-table :data="tableData" stripe style="width: 100%">
                    <el-table-column prop="date" label="条款险别代码" width="120"></el-table-column>
                    <el-table-column prop="name" label="条款-险别" width="120"></el-table-column>
                    <el-table-column prop="address" label="责任名称"></el-table-column>
                    <el-table-column prop="date" label="赔付项目" width="120"></el-table-column>
                    <el-table-column prop="name" label="剩余保险金额" width="120"></el-table-column>
                    <el-table-column prop="address" label="费用公式"></el-table-column>
                    <el-table-column prop="address" label="费用公式-明细"></el-table-column>
                    <el-table-column prop="date" label="免赔额" width="120"></el-table-column>
                    <el-table-column prop="name" label="赔付比例" width="120"></el-table-column>
                    <el-table-column prop="address" label="理算金额"></el-table-column>
                    <el-table-column prop="date" label="实际赔付金额" width="120"></el-table-column>
                    <el-table-column prop="name" label="操作" width="120"></el-table-column>
                </el-table>-->
            </div>
            <!--计算书 -->
            <div id="anchor5" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">计算书</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">计算书归属机构:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">计算书号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>

                </el-row>
            </div>
            <!--备注说明 -->
            <div id="anchor6" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">备注说明</div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--生成赔款计算书 -->
            <div id="anchor7" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">生成计算书</div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--领款人登记信息 -->
            <div id="anchor8" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">领款人登记信息</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData" stripe style="width: 100%">
                    <el-table-column prop="date" label="领款人" width="120"></el-table-column>
                    <el-table-column prop="name" label="联系电话" width="120"></el-table-column>
                    <el-table-column prop="address" label="客户类型"></el-table-column>
                    <el-table-column prop="date" label="单位/个人" width="120"></el-table-column>
                    <el-table-column prop="name" label="开户银行" width="120"></el-table-column>
                    <el-table-column prop="address" label="账号/卡号"></el-table-column>
                    <el-table-column prop="address" label="证件类型"></el-table-column>
                    <el-table-column prop="date" label="证件号码" width="120"></el-table-column>
                    <el-table-column prop="name" label="币别" width="120"></el-table-column>
                    <el-table-column prop="address" label="领款金额"></el-table-column>
                    <el-table-column prop="date" label="赔款金额" width="120"></el-table-column>
                </el-table>
            </div>
            <!--本次赔款合计 -->
            <div id="anchor9" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">本次赔款合计</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">本次赔款合计:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">预赔金额:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">本次赔款金额:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">首付状态:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">未支付</el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--结案选项 -->
            <div id="anchor10" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">结案选项</div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">是否申请结案:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-radio v-model="radio" label="1">是</el-radio>
                            <el-radio v-model="radio" label="2">否</el-radio>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--理算意见 -->
            <div id="anchor11" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">理算意见</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="12">
                        <div class="grid-content bg-purple text-left">新增理算意见:</div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content bg-purple text-left">历史理算意见:</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="12">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea" disabled></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--核赔轨迹 -->
            <div id="anchor12" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">核赔轨迹</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData" stripe style="width: 100%">
                    <el-table-column prop="date" label="领款人"></el-table-column>
                    <el-table-column prop="name" label="联系电话"></el-table-column>
                    <el-table-column prop="address" label="客户类型"></el-table-column>
                    <el-table-column prop="date" label="单位/个人"></el-table-column>
                </el-table>
            </div>
            <!--审批意见 -->
            <div id="anchor13" class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">审批意见</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData" stripe style="width: 100%">
                    <el-table-column prop="date" label="审核人"></el-table-column>
                    <el-table-column prop="name" label="审核时间"></el-table-column>
                    <el-table-column prop="address" label="审核意见"></el-table-column>
                </el-table>
            </div>
        </el-tab-pane>
        <!--<el-tab-pane label="案件基本信息" name="second">
            保单信息 
            <div class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">保单信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保单号 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">险种名称:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>

                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">业务板块:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">被保险人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险币别 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险金额 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">代理人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险起期 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险起期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险止期 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险止期"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">承保公司 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">总保费 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            共保信息 
            <div class="baseInfo ">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">共保信息</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData2" stripe style="width: 100%">
                    <el-table-column prop="date" label="共保身份"></el-table-column>
                    <el-table-column prop="name" label="共保人机构代码"></el-table-column>
                    <el-table-column prop="address" label="共保人名称"></el-table-column>
                    <el-table-column prop="date" label="共保份额"></el-table-column>
                    <el-table-column prop="name" label="分额保额"></el-table-column>
                    <el-table-column prop="address" label="分额保费"></el-table-column>
                </el-table>
            </div>
            报案信息 
            <div class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">报案信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案号 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险次数 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>

                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">调度次数 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出现地点 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险原因 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险时间 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="出险时间"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案时间 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="报案时间"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">币别 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报损金额 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人电话 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人与被保险人关系 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">联系人 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">联系人电话 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案件紧急类型 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险经过说明 :</div>
                    </el-col>
                    <el-col :span="21">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-tab-pane>-->
        <!-- <el-tab-pane label="查勘处理" name="third">查勘处理</el-tab-pane>-->
        <!--<el-tab-pane label="立案处理" name="fourth">
            立案基本信息 
            <div class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">立案基本信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保单号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容">092020110401000301000004</el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">结案号:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险起期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险起期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">保险止期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="保险止期"></el-date-picker>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案日期:</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="立案日期"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">个人保额:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案经办人:</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险时间 :</div>
                    </el-col>
                    <el-col :span="5">
                        <el-date-picker v-model="value1" type="date" class="width100" placeholder="出险时间"></el-date-picker>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案件性质 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">巨灾代码 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报案人与被保险人关系 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">报损金额(CNY) :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险原因 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">损失外部原因 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险结果 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">出险地点 :</div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="2">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="详细地址"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">案情简述:</div>
                    </el-col>
                    <el-col :span="21">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-divider></el-divider>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">被保险人:</div>
                    </el-col>
                    <el-col :span="3">
                        <el-input v-model="input3">
                            <i slot="prefix" class="el-input__icon el-icon-user-solid mainColor"></i>
                        </el-input>
                    </el-col>
                    <el-col :span="1">
                        <el-button class="mainColor">查询</el-button>
                    </el-col>
                    <el-col :span="3">
                        <el-button class="mainColor">历史投保情况</el-button>
                    </el-col>
                </el-row>
            </div>
            险别估损信息 
            <div class="baseInfo ">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">险别估损信息</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData1" stripe style="width: 100%">
                    <el-table-column prop="date" label="条款-险别"></el-table-column>
                    <el-table-column prop="name" label="责任"></el-table-column>
                    <el-table-column prop="address" label="被保险人"></el-table-column>
                    <el-table-column prop="date" label="证件类型"></el-table-column>
                    <el-table-column prop="name" label="保额/责任限额"></el-table-column>
                    <el-table-column prop="address" label="币别"></el-table-column>
                    <el-table-column prop="date" label="估损金额"></el-table-column>
                    <el-table-column prop="name" label="操作"></el-table-column>
                </el-table>
                <el-row>
                    <el-col :span="24" style="float:left;color:#409EFF">
                        <el-button icon="el-icon-plus" circle></el-button>
                        <span>新增估损信息</span>
                    </el-col>
                </el-row>
            </div>
            估计直接理赔费用 
            <div class="baseInfo text-center">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">估计直接理赔费用</div>
                    </el-col>
                </el-row>
                <el-table :data="tableData1" stripe style="width: 100%">
                    <el-table-column prop="date" label="费用"></el-table-column>
                    <el-table-column prop="name" label="费用发生区域"></el-table-column>
                    <el-table-column prop="address" label="币别"></el-table-column>
                    <el-table-column prop="date" label="费用金额"></el-table-column>
                    <el-table-column prop="name" label="汇率(CNY)"></el-table-column>
                    <el-table-column prop="address" label="汇算金额"></el-table-column>
                    <el-table-column prop="name" label="操作"></el-table-column>
                </el-table>
                <el-row>
                    <el-col :span="24" style="float:left;color:#409EFF">
                        <el-button icon="el-icon-plus" circle></el-button>
                        <span>新增估损信息</span>
                    </el-col>
                </el-row>
            </div>
            调整原因 
            <div class="baseInfo text-center">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">调整原因</div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple text-left" style="font-size: 14px;">70字以内</div>
                    </el-col>
                </el-row>
            </div>
            立案汇总信息 
            <div class="baseInfo">
                <el-row>
                    <el-col :span="24">
                        <div class="grid-content bg-purple table_header" style="font-weight='600'">立案汇总信息</div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">汇总币别 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-select v-model="value" class="width100" placeholder="请选择">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">估损金额 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">估计费用 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input" placeholder="请输入内容"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">估计赔款 :</div>
                    </el-col>
                    <el-col :span="5">
                        <div class="grid-content bg-purple">
                            <el-input v-model="input"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="10">
                    <el-col :span="3">
                        <div class="grid-content bg-purple text-right">立案建议 :</div>
                    </el-col>
                    <el-col :span="21">
                        <div class="grid-content bg-purple">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
            立案注销信息 
            <div class="cancellation">
                <el-container>
                    <el-aside class="text-center" width="200px">立案注销信息</el-aside>
                    <el-container>
                        <el-row>
                            <el-col :span="24">
                                <div>注销原因 ：此处是注销原因文字展示。</div>
                                <div>注 销 人 ：张三</div>
                                <div>具体原因 ：此处是注销具体内容文字展示，此处是注销具体内容文字展示</div>
                            </el-col>
                        </el-row>
                    </el-container>
                </el-container>
            </div>
        </el-tab-pane>-->
        <!--<el-tab-pane label="资料收集" name="five">资料收集</el-tab-pane>-->
    </el-tabs>
</div>
</template>

<script>
import {
    mapState
} from "vuex";
import {
    insuredIdentifyType,
    mercyFlag,
    reportorRelation,
    addReportRemark,
    nationFlag
} from "../../libs/data";
import variables from "@/styles/variables.scss";
import AnchorLocation from "./components/anchor-location.vue"

export default {
    data() {
        return {
            insuredIdentifyType: insuredIdentifyType,
            mercyFlag: mercyFlag,
            reportorRelation: reportorRelation,
            addReportRemark: addReportRemark,
            nationFlag: nationFlag,
            result: {},
            title: process.env.VUE_APP_TITLE,
            variables: variables,
            activeName: "first",
            input: "",
            value1: "",
            ruleForm: {
                region: ""
            },
            sex: "01",
            sexs: [{
                    value: "01",
                    label: "男"
                },
                {
                    value: "02",
                    label: "女"
                }
            ],
            value: "",
            options: [{
                value: "01",
                label: "本人"
            }],
            radio: "1",
            textarea: "",
            input3: "",
            select: "",
            tableData: [],
            tableData1: [],
            tableData2: [{
                    date: "主共",
                    name: "13100085",
                    address: "股东业务部",
                    gongbaofene: "66%",
                    fenebaoe: "",
                    fenebaofei: ""
                },
                {
                    date: "主共",
                    name: "13100085",
                    address: "股东业务部",
                    gongbaofene: "66%",
                    fenebaoe: "",
                    fenebaofei: ""
                },
                {
                    date: "主共",
                    name: "13100085",
                    address: "股东业务部",
                    gongbaofene: "66%",
                    fenebaoe: "",
                    fenebaofei: ""
                }
            ]
        };
    },

    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    },
    computed: {
        ...mapState({
            sidebar: state => state.app.sidebar
        })
    },
    components: {
        AnchorLocation,
        insuredIdentifyType,
        mercyFlag,
        reportorRelation,
        addReportRemark
    },

};
</script>

<style lang="scss">
.border-right {
    border-right: 1px solid rgb(242, 242, 242);
}

.el-tabs {
    font-size: 12px;

    .baseInfo_mod {
        margin-bottom: 10px;
    }

    .btnNarrow {
        padding: 8px 0;
        margin-left: -10px;
    }

    .corrections {
        margin-left: -10px;
        border: none;
    }

    .width100 {
        width: 100%;
    }

    .inputSel {
        width: 130px;
    }

    .el-table {
        border: 1px solid rgb(242, 242, 242);

        th {
            background: rgb(242, 242, 242);
            text-align: center;
        }

    }

    .el-table__body td {
        text-align: center;
    }

    .el-button--small.is-circle {
        padding: 2px;
        color: #409eff;
        border-color: #409eff;
        margin-right: 10px;
    }

    .cancellation {
        width: 97%;
        margin: 1.5%;
        background: white;
        position: relative;

        .el-aside {
            width: 200px;
            font-weight: 600;
            padding: 30px 50px 0 50px;
            font-size: 20px;
            border-right: 1px solid rgb(242, 242, 242);
        }

        .el-container {
            padding: 5px;
            font-size: 15px;
            line-height: 36px;
        }
    }

    .adjustment {
        border: 1px solid rgb(242, 242, 242);

        .el-main {
            padding: 10px;
            position: relative;
        }

        .el-row {
            margin-bottom: 0 !important;
        }
    }
}
</style>
